<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>注册-来设计工业设计在线</title>
		<link rel="stylesheet" type="text/css" href="../css/login.css"/>
		<script type="text/javascript" src="../js/viewport.js" ></script>
	</head>
	<body>
		<section class="main register-main">
			<div class="logo"></div>
			<div class="main-form">
				<form action="" method="post">
					<!--注册  视图 start-->
					<div class="register-content">
						<input class="inputtext" type="text" id="" value="" placeholder="请输入公司名称" />
						<input class="inputtext" type="number" id="" value="" placeholder="请输入手机号码" />
						<div class="input-code clearfix">
							<input class="inputtext" type="number" id="" value=""  placeholder="请输入验证码"/>
							<a class="send-codebtn">发送验证码</a>
						</div>
						<div class="register-type clearfix">
							<div class="type-require fl">
								<div class="radio-wrap">
									<input type="radio" name="register-type" id="register-type1" value="" />
									<label class="check-text" for="register-type1"><span class="check"></span>需求方</label>
								</div>
								<a class="type-problem"></a>
							</div>
							<div class="type-service fr">
								<div class="radio-wrap">
									<input type="radio" name="register-type" id="register-type2" value="" />
									<label class="check-text" for="register-type2"><span class="check"></span>服务方</label>
								</div>
								<a class="type-problem"></a>
							</div>
						</div>
					</div>
					<!--注册  视图 end-->
					<a class="registerbtn getbtn">注册</a>
					<a class="toget" href="login.html">已有账号，去登录</a>
					<input class="reset" type="reset" value=""/>
				</form>
			</div>
		</section>
		
		<div class="pop-view service-view">
			<div class="view-content">
				<h4>服务方</h4>
				<p>承接需求，接受委托为需求方服务。</p>
				<div class="view-icon closebtn"></div>
			</div>
		</div>
		<div class="pop-view require-view">
			<div class="view-content">
				<h4>需求方</h4>
				<p>发布需求，获取工业设计及制造业服务。</p>
				<div class="view-icon closebtn"></div>
			</div>
		</div>
		
	</body>
	<script type="text/javascript" src="../js/jquery-1.12.4.min.js" ></script>
	<script type="text/javascript" src="../js/common.js" ></script>
	<script type="text/javascript" src="../js/login.js" ></script>
	<script>
		fadeview('.type-require','.require-view');
		fadeview('.type-service','.service-view');
		function fadeview(sel,selector){
			var $clickbtn = $(sel+" .type-problem"),
				$fadeView = $(selector);
			$clickbtn.on('click',function(){
				$fadeView.fadeIn();
			});
			$fadeView.on('click',function(){
				$fadeView.fadeOut();
			});
		}
	</script>
</html>
